/* components/filter/filter.wxss */
.wrap{
  position: absolute !important;
}
.popup_wrap {
  display: flex;
  flex-direction: column;
  width: 75%;
  height: 100%;
  margin-left: 25%;
  // overflow-y: auto;
  // overflow-x: visible;
  background: #fff;

  >.popup_header {

  }

  >.popup_body {
    flex: 1;
    overflow-y: auto;
    // overflow-x: visible;
    padding: 60rpx 20rpx 0;

    >.search_wrap {
      >.item_wrap {
        margin-bottom: 60rpx;

        >.label {
          margin-bottom: 16rpx;
          color: #6C6C6C;
        }

        >.opt_wrap {
          display: flex;
          // align-items: center;
          flex-wrap: wrap;

          >.opt_item {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            min-width: 25%;
            height: 76rpx;
            box-sizing: border-box;
            margin-top: 20rpx;
            border: 2rpx solid #E7E7E7;
            border-radius: 8rpx;
            font-size: 24rpx;
            color: #999898;
            background: #F4F4F4;

            &:nth-child(3n-1) {
              margin: 20rpx 20rpx 0;
            }

            &:nth-child(1), &:nth-child(2), &:nth-child(3) {
              margin-top: 0;
            }

            &.active {
              border-color: transparent;
              color: #2d6ff7;
              background: rgba(45, 111, 247, 0.25);
            }
          }

          >.blank_item {
            flex: 1;
            min-width: 25%;

            &:nth-child(3n-1) {
              margin: 0 20rpx 0;
            }
          }
        }

        >.select_wrap, >.date_wrap {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 76rpx;
          box-sizing: border-box;
          padding: 0 8rpx 0 16rpx;
          border: 2rpx solid #E7E7E7;
          border-radius: 12rpx;
          color: #888888;
          background: #F4F4F4;
        }

        >.date_wrap {
          margin-top: 16rpx;
        }
      }
    }
  }

  >.popup_footer {
    display: flex;
    justify-content: space-around;
    padding: 40rpx;

    >.btn_reset, >.btn_dflt {
      flex: 1;
      height: 86rpx;
      border-radius: 12rpx;
      color: #fff;
    }

    >.btn_reset {
      margin-right: 36rpx;
      background: #9A9A9A;
    }

    >.btn_dflt {
      background: #2882FE;
    }
  }
}
